#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  font-size:28px;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,dl, dt, dd, ul, ol, li, th,
td, div, span, img,fieldset, lengend, button, input, select, textarea,.row{
    margin: 0;padding: 0;
    text-decoration: none;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}
h1, h2 {
  font-weight: normal;
}

ul {
  list-style-type: none;
  padding: 0;
}

li {
  display: inline-block;
  /* margin: 0 10px; */
}
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:'';
    display:block;
    height:0;
    clear:both;
    overflow:hidden;
}
a {
  color: #42b983;
  text-decoration: none;
}
.footer{
  width:100%;
  height:54px;
  position:fixed;
  bottom:0;
  left:0;
  background:#fff;
}
.footer a{
  display:block;
  width:25%;
  float:left;
  height:100%;
  text-align:center;
  display:flex;
  justify-content: center;
  flex-direction:column;
  text-decoration: none;
  background:#fff;
}
.footer a img{
  float:left;
}
.home-icon{
  width: 21px;
  height: 20px;
  margin: 8px auto 7px ;
}
.market-icon{
  width: 21px;
  height: 21px;
  margin: 8px auto 5px ;
}
.carts-icon{
  width: 21px;
  height: 20px;
  margin: 8px auto 6px ;
}
.mine-icon{
  width: 18px;
  height: 21px;
  margin: 8px auto 5px ;
}
.footer a span{
  display: block;
  font-size:13px;
  width: 100%;
  text-align: center;
  color: #959596;
  height:12px;
  line-height:12px;
  float:left;
}
.footer .active{
  color:#ee2622;
}
.footer .active span{
  color:#ee2622;
}
